<!DOCTYPE html>
			<html>
				<head>
					<meta charset="utf-8">
					<title>小米布局</title>
					<style>
						.box{
							height: 25px;
							border: 1px solid red;
							background-color: black;
						}
						.abox{
								width: 500px;
								height: 23px;
								border: 1px solid green;
								margin: auto;
							}
						.bbox{
							width: 250px;
							height: 20px;
							border: 1px solid pink;
							float: left;
						}
						.cbox{
							width: 100px;
							height: 20px;
							border: 1px solid pink;
							float: right;
						}
						.dbox{
							width: 500px;
							height: 35px;
							border: 1px solid red;
							margin: auto;
						}
						.ebox{
							width: 30px;
							height: 30px;
							border: 1px solid red;
							float: left;
						}
						.fbox{
							width: 245px;
							height: 30px;
							border: 1px solid red;
							margin: auto
						}
						.gbox{
							width: 30px;
							height: 30px;
							border: 1px solid red;
							float: right;
							margin-top:-30px;
						}
						.hbox{
							width: 500px;
							height: 300px;
							border: 1px solid red;
							margin: auto;
						}
						.ibox{
							width: 130px;
							height: 300px;
							border: 1px solid red;
							float: left;
						}
						.jbox{
							width: 366px;
							height: 300px;
							border: 1px solid red;
							float: right;
						}
						.kbox{
							width: 500px;
							height: 100px;
							border: 1px solid red;
							margin: auto;
						}
						.lbox{
							width: 110px;
							height: 100px;
							border: 1px solid red;
							float: left;
						}
						.qbox{
							width: 35px;
							height: 47px;
							border: 1px solid red;
							float: left;
						}
						.wbox{
							width: 35px;
							height: 47px;
							border: 1px solid red;
							float: left;
						}
						.mbox{
							width: 128px;
							height: 100px;
							border: 1px solid red;
							float: left;
						}
						.nbox{
							width: 500px;
							height: 70px;
							border: 1px solid red;
							margin: auto;
						}
					</style>
				</head>
				<body>
					<div class="box">
						<div class="abox">
						<div class="bbox"></div>
						<div class="cbox"></div>
						</div>
					</div>
					<div class="dbox">
						<div class="ebox"></div>
						<div class="fbox"></div>
						<div class="gbox"></div>
					</div>
					<div class="hbox">
						<div class="ibox"></div>
						<div class="jbox"></div>
					</div>
					<div class="kbox">
						<div class="lbox">
							<div class="qbox"></div>
							<div class="qbox"></div>
							<div class="qbox"></div>
							<div class="wbox"></div>
							<div class="wbox"></div>
							<div class="wbox"></div>
						</div>
						<div class="mbox"></div>
						<div class="mbox"></div>
						<div class="mbox"></div>
					</div>
					<div class="nbox"></div>
				</body>
			</html>
